﻿<CodeSnippetTabbed DocLink="https://docs.devexpress.com/Blazor/DevExpress.Blazor.DxMenu#display-modes">
    <CodeSnippetTabPage Text="Razor">@(
    @"<DxMenu Orientation=""Orientation.Vertical""
        DisplayMode=""MenuDisplayMode.Mobile"">
    <Items>
        <DxMenuItem Text=""Home"" IconCssClass=""menu-icon-home menu-icon"">
            <Items>
                <DxMenuItem Text=""News"">
                    <Items>
                        <DxMenuItem Text=""Explore our newest features"" />
                        <DxMenuItem Text=""Website news"" />
                    </Items>
                </DxMenuItem>
                <DxMenuItem Text=""Our Mission"" />
                <DxMenuItem Text=""Our Customers"" />
            </Items>
        </DxMenuItem>
        <DxMenuItem Text=""Components"" IconCssClass=""menu-icon-products menu-icon"">
            <Items>
                <DxMenuItem Text=""Blazor"" />
                <DxMenuItem Text=""ASP.NET MVC"" />
                <DxMenuItem Text=""ASP.NET Web Forms"" />
                <DxMenuItem Text=""ASP.NET Core"" />
                <DxMenuItem Text=""Bootstrap Web Forms"" />
            </Items>
        </DxMenuItem>
        <DxMenuItem Text=""Support"" IconCssClass=""menu-icon-support menu-icon"">
            <Items>
                <DxMenuItem Text=""Getting Started"" />
                <DxMenuItem Text=""Documentation"" />
                <DxMenuItem Text=""Support Center"" />
                <DxMenuItem Text=""Code Examples"" />
                <DxMenuItem Text=""Blogs"" />
            </Items>
        </DxMenuItem>
        <DxMenuItem Text=""Contacts"" IconCssClass=""menu-icon-contacts menu-icon"" />
        <DxMenuItem Text=""About"" IconCssClass=""menu-icon-about menu-icon"" />
    </Items>
</DxMenu>
")
</CodeSnippetTabPage>
</CodeSnippetTabbed>
